<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:include="include :: header('撤回')"/>
    <link th:href="@{/ajax/libs/bootstrap-switch/bootstrap-switch.min.css}" rel="stylesheet">
    <link th:href="@{/ajax/libs/bootstrap-tagsinput/tagsinput.css}" rel="stylesheet">
</head>
<style>
    .bootstrap-tagsinput > input {
        display: none;
    }
</style>

<body style="background-color: #F4F6FA">
<div  th:object="${workFormBase}" class="main-content" style="margin: 0;padding: 0">
    <form id="form-user-add" class="form-horizontal" style="background-color: #F4F6FA">
        <input type="hidden" id="pkId" name="pkId" th:field="*{pkId}">
        <div class="col-sm-12">
                <!--   来电基本信息     -->
                <div class="col-sm-12 tltieBoder">
                    <div class="blueBorder"></div>
                    <h4 style="margin:0 0 0 10px">工单办理流程概况</h4>
                </div>
                <!--事发地址-->
                <div class="col-sm-12 entering-mt">
                    <div class="form-group col-sm-6">
                        <label class="col-sm-4 control-label is-required entering-pd">工单编号：</label>
                        <div class="col-sm-8">
                            <input name="workFormNo" th:field="*{workFormNo}" placeholder="请输入"
                                   class="form-control scene theAddress" type="text">
                        </div>
                    </div>
                    <div class="form-group col-sm-6">
                        <label class="col-sm-4 control-label is-required entering-pd">工单性质：</label>
                        <div class="col-sm-8">
                            <input name="setProName" th:field="*{setProName}" placeholder="请输入"
                                   class="form-control scene theAddress" type="text">
                        </div>
                    </div>
                </div>
                <!-- 来电类型,内容类别..-->
                <div class="col-sm-12">
                    <div class="form-group col-sm-6">
                        <label class="col-sm-4 control-label  entering-pd">主题：</label>
                        <div class="col-sm-8">
                            <input name="wsTopic" th:field="*{wsTopic}" placeholder="请输入"
                                   class="form-control scene " type="text">
                        </div>
                    </div>
                    <div class="form-group col-sm-6">
                        <label class="col-sm-4 control-label entering-pd">当前步骤：</label>
                        <div class="col-sm-8">
                            <input name="crtStepName" placeholder="请输入" th:field="*{crtStepName}"
                                   class="form-control scene " type="text">
                        </div>
                    </div>
                </div>
                <div class="col-sm-12 entering-mt">
                    <div class="form-group col-sm-6">
                        <label class="col-sm-4 control-label entering-pd">操作时间：</label>
                        <div class="col-sm-8">
                            <input name="crtStepTime" th:field="*{crtStepTime}" placeholder="请输入"
                                   class="form-control scene " type="text">
                        </div>
                    </div>
                    <div class="form-group col-sm-6">
                        <label class="col-sm-4 control-label entering-pd">调整到步骤：</label>
                        <div class="col-sm-8">
                            <input name="crtStepName" th:value="${preName}" placeholder="请输入"
                                   class="form-control scene " type="text">
                            <input name="crtStepId" type="hidden" th:value="${preId}">
                        </div>
                    </div>
                </div>
                <div class="col-sm-12 tltieBoder">
                    <div class="blueBorder"></div>
                    <h4 style="margin:0 0 0 10px">最近处理记录</h4>
                </div>
                    <table id="bootstrap-table"></table>
<!--                <div class="col-sm-12 entering-bt" style="justify-content: center;">-->
<!--                    <button type="button" class="btn btn-sm btn-info" id="btnNext" onclick="btnNextClick()">提交下一步-->
<!--                    </button>-->
<!--                </div>-->
        </div>
    </form>
</div>

<th:block th:include="include :: footer"/>
<script th:src="@{/ajax/libs/bootstrap-tagsinput/tagsinput.min.js}"></script>
<script th:src="@{/ajax/libs/bootstrap-switch/bootstrap-switch.min.js}"></script>
<script th:src="@{/ajax/libs/jQuery-ui/jquery-ui.js}"></script>
<script th:src="@{/js/flowRollBack.js}"></script>
<script>
    var prefix = ctx+"system/mTelWF";
    function submitHandler() {
        if ($.validate.form()) {
            let data = $('#form-user-add').serializeArray();
            $.operate.save(prefix + '/cmnFile/flowRollBack', data);
        }
    }
</script>
</body>
</html>

